import React, { FC } from 'react';
import { Typography, Space, Divider } from 'antd';

interface Props {
  dataType: string;
  dataTask: string;
  dsVersion: string;
}

const CardMetaTitle: FC<Props> = (props: Props) => {
  const { dataType, dataTask, dsVersion } = props;

  return (
    <Space split={<Divider type="vertical" />} size='small'>
      <Typography.Text>{dataType}</Typography.Text>
      <Typography.Text>{dataTask}</Typography.Text>
      <Typography.Text>{dsVersion}</Typography.Text>
    </Space>
  );
}

export default CardMetaTitle;